<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0133)http://www.17sucai.com/preview/220220/2014-11-11/%E8%B4%AD%E7%89%A9%E8%BD%A6%EF%BC%88%E6%BA%90%E4%BB%A3%E7%A0%81%EF%BC%89ok/demo.html -->
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>购物车</title>

<link rel="stylesheet" href="./style.css">

<script type="text/javascript" src="./demo.js.下载"></script>

</head>
<body>

<div class="catbox">

	<table id="cartTable">
		<thead>
			<tr>
				<th><label><input class="check-all check" type="checkbox">&nbsp;全选</label></th>
				<th>商品</th>
				<th>单价</th>
				<th>数量</th>
				<th>小计</th>
				<th>操作</th>
			</tr>
		</thead>
		<tbody>
			<tr class="on">
				<td class="checkbox"><input class="check-one check" type="checkbox"></td>
				<td class="goods"><img src="./1.jpg" alt=""><span>Casio/卡西欧 EX-TR350</span></td>
				<td class="price">2</td>
				<td class="count"><span class="reduce">-</span><input class="count-input" type="text" value="1"><span class="add">+</span></td>
				<td class="subtotal">4</td>
				<td class="operation"><span class="delete">删除</span></td>
			</tr>
			
			<tr class="on">
				<td class="checkbox"><input class="check-one check" type="checkbox"></td>
				<td class="goods"><img src="./3.jpg" alt=""><span>Sony/索尼 DSC-WX300</span></td>
				<td class="price">2</td>
				<td class="count"><span class="reduce"></span><input class="count-input" type="text" value="1"><span class="add">+</span></td>
				<td class="subtotal">5</td>
				<td class="operation"><span class="delete">删除</span></td>
			</tr>
			<tr class="on">
				<td class="checkbox"><input class="check-one check" type="checkbox"></td>
				<td class="goods"><img src="./4.jpg" alt=""><span>Fujifilm/富士 instax mini 25</span></td>
				<td class="price">3</td>
				<td class="count"><span class="reduce">-</span><input class="count-input" type="text" value="1"><span class="add">+</span></td>
				<td class="subtotal">4</td>
				<td class="operation"><span class="delete">删除</span></td>
			</tr>
		</tbody>
	</table>
	
	<div class="foot" id="foot">
		<label class="fl select-all"><input type="checkbox" class="check-all check">&nbsp;全选</label>
		<a class="fl delete" id="deleteAll" href="javascript:;">删除</a>
		<div class="fr closing">结 算</div>
		<div class="fr total">合计：￥<span id="priceTotal">10</span></div>
		<div class="fr selected" id="selected">已选商品<span id="selectedTotal">15</span>件<span class="arrow up">︽</span><span class="arrow down">︾</span></div>
		<div class="selected-view">
			<div id="selectedViewList" class="clearfix"><div><img src="./1.jpg"><span class="del" index="0">取消选择</span></div><div><img src="./3.jpg"><span class="del" index="1">取消选择</span></div><div><img src="./4.jpg"><span class="del" index="2">取消选择</span></div></div>
			<span class="arrow">◆<span>◆</span></span>
		</div>
	</div>

</div>


</body></html>